<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/discover.css">
    <title>发现</title>
</head>
<body>
    <header>
       <a href="javascript:history.go(-1)"><div class="back">
            Back
        </div>
    </a> 
        <div class="hd-name">发现</div>
        <div class="select">
            <select name="city">
                <option value="gz">广州市</option>
                <option value="fs">佛山市</option>
                <option value="sz">深圳市</option>
            </select>
        </div>
    </header>
    <section>
        <div class="search">
            <input type="text" placeholder="请输入商品名称">
            <button type="button"></button>
        </div>
        <p> 大家都在搜</p>
        <div class="kind">
            <a href="./detail.html">
            <div>寿司</div>
            </a>
            <div>羽毛球</div>
            <div>火锅</div>
            <div>游泳馆</div>
            <div>电影</div>
            <div>周黑鸭</div>
            <div>KTV</div>
            <div>肯德基</div>
        </div>
        <div class="content">
            <div class="cn-top">
                <div class="top-lf">
                    <img src="./img/discover/nav1.jpg" alt="">
                    <p> 热门搜索</p>
                </div>
                <div class="top-rg">
                   <p> 更多</p>
                    <img src="./img/index/top2.png" alt="">
                </div>
            </div>
            <div class="cn-bottom">
                <div class="bt-lf">
                    <img src="./img/discover/hot1.jpg" alt="">
                </div>
                <div class="bt-rg">
                    <div class="rg-top">
                        <img src="./img/discover/hot2.png" alt="">
                    </div>
                    <div class="rg-bottom">
                        <div>
                            <img src="./img/discover/hot3.jpg" alt="">
                        </div>
                        <div>
                            <img src="./img/discover/hot4.jpg" alt="">
                        </div>
                    </div>
                </div>
            </div>
            <div class="cn-top">
                <div class="top-lf">
                    <img src="./img/discover/nav2.jpg" alt="">
                    <p> 推荐搜索</p>
                </div>
                <div class="top-rg">
                    <p> 更多</p>
                    <img src="./img/index/top2.png" alt="">
                </div>
            </div>
            <div class="recommend">
                <div>
                    <img src="./img/discover/recommend1.png" alt="">
                </div>
                <div>
                    <img src="./img/discover/recommend2.jpg" alt="">
                </div>
                <div>
                    <img src="./img/discover/recommend3.jpg" alt="">
                </div>
            </div>
        </div>
    </section>
    <footer>
        <div class="foot">
            <a href="./index.html">
                <div>
                    <div><img src="./img/kind/index1.jpg" alt=""></div>
                    <p>首页</p>
                </div>
            </a>
            <a href="./kind.html">
                <div>  
                    <div><img src="./img/index/kind.png" alt=""></div>
                    <p>分类</p>
                </div>
             </a>
            <a href="#">
                <div>
                    <div><img src="./img/discover/discover2.jpg" alt=""></div>
                    <p>发现</p>
                </div>
            </a>
            <a href="./user.html">
                <div>
                    <div><img src="./img/index/user.png" alt=""></div>
                    <p>我的</p>
                </div>
            </a>
        </div>
    </footer>
</body>
</html>